<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>族谱管理</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="../scss/bootstrap/javascripts/bootstrap.min.js"></script>
    <script src="../scss/bootstrap/javascripts/offcanvas.js"></script>
</head>
<body>
<header class="ht_header">
    <div class="ht_max_body ht_top">
        <div class="pull-left  hidden-xs">欢迎来到族谱网服务商后台！如有问题请致电 <span class="text_theme">400-627-9000</span></div>
        <div class="pull-right">
            <nav class="navbar  navbar-inverse text-right ht_nav" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#example-navbar-collapse">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse" id="example-navbar-collapse">
                        <ul class="list-inline">
                            <li><a href="#"><i class="fa fa-home m-r-xs"></i>网站首页</a></li>
                            <li><a href="#"><i class="fa fa-database m-r-xs"></i>代理商后台</a></li>
                            <li><a href="#"><i class="fa fa-cog m-r-xs"></i>个人设置</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
        <a class="navbar-brand visible-xs" href="#"> <img src="../images/logo2.png" alt="族谱网www.zupu.cn" class="img-responsive m-r-xs pull-left">族谱网服务商后台</a>
    </div>
</header>
<div class="ht_body">
    <section class="clearfix hidden-xs">
        <div class="ht_max_body ht_logo">
            <img src="../images/logo_xs.png" alt="族谱网www.zupu.cn" class="img-responsive m-r pull-left"> 族谱网服务商后台
        </div>
    </section>
    <section class="ht_max_body">
        <div class="row row-offcanvas row-offcanvas-right">
            <div class="col-xs-6 col-sm-2 sidebar-offcanvas ht_menubar" id="sidebar" role="navigation">
                <ul class="list-group">
                    <li><a href="#"><i class="fa fa-users m-r"></i>服务商管理</a></li>
                    <li><a class="active"><i class="fa fa-th-list m-r"></i>族谱管理</a></li>
                    <li><a href="#" ><i class="fa fa-credit-card m-r"></i>族卡管理</a></li>
                    <li><a href="#"><i class="fa fa-database m-r"></i>我的收入</a></li>
                    <li><a href="#"><i class="fa fa-pie-chart m-r"></i>录入统计</a></li>
                    <li><a href="#"><i class="fa fa-share-alt m-r"></i>我的授权书</a></li>
                </ul>
            </div>
            <div class="col-xs-12 col-sm-10 ht_main">
                <p class="pull-left visible-xs row-offcanvas-bar">
                    <button type="button" class="btn btn-danger btn-sm" data-toggle="offcanvas">导<br/>航</button>
                </p>
                <div>
                    <div class="panel panel-default clearfix">
                        <div class="col-xs-12 col-sm-6">
                            <div class="input-group col-sm-8">
                                <input type="text" class="form-control" placeholder="族谱名/创建人">
                                  <span class="input-group-btn">
                                    <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
                                  </span>
                            </div>
                        </div>
                    </div>
                    <div class="ht_main_table">
                        <table class="table table-striped table-hover text-center">
                            <thead>
                            <tr>
                                <th>族谱名</th>
                                <th class="hidden-xs">创建人</th>
                                <th class="hidden-xs">创建时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr data-toggle="modal" data-target=".bs-example-modal-sm">
                                <td>临澧县文家乡晏氏族谱</td>
                                <td  class="hidden-xs">闫伟</td>
                                <td  class="hidden-xs">2016-10-12</td>
                                <td><a class="text-success m-r-xs">生成全谱</a> <a class="text-success m-r-xs">PDF下载</a>
                                    <a class="text-success m-r-xs">绑卡</a><a class="text-success m-r-xs">统计</a>
                                    <a class="text-success m-r-xs">管理员</a>
                                </td>
                            </tr>
                            <tr data-toggle="modal" data-target=".bs-example-modal-sm">
                                <td>临澧县文家乡晏氏族谱</td>
                                <td  class="hidden-xs">闫伟</td>
                                <td  class="hidden-xs">2016-10-12</td>
                                <td><a class="text-success m-r-xs">生成全谱</a> <a class="text-success m-r-xs">PDF下载</a>
                                    <a class="text-success m-r-xs">绑卡</a><a class="text-success m-r-xs">统计</a>
                                    <a class="text-success m-r-xs">管理员</a>
                                </td>
                            </tr>
                            <tr data-toggle="modal" data-target=".bs-example-modal-sm">
                                <td>临澧县文家乡晏氏族谱</td>
                                <td  class="hidden-xs">闫伟</td>
                                <td  class="hidden-xs">2016-10-12</td>
                                <td><a class="text-success m-r-xs">生成全谱</a> <a class="text-success m-r-xs">PDF下载</a>
                                    <a class="text-success m-r-xs">绑卡</a><a class="text-success m-r-xs">统计</a>
                                    <a class="text-success m-r-xs">管理员</a>
                                </td>
                            </tr>
                            <tr data-toggle="modal" data-target=".bs-example-modal-sm">
                                <td>临澧县文家乡晏氏族谱</td>
                                <td  class="hidden-xs">闫伟</td>
                                <td  class="hidden-xs">2016-10-12</td>
                                <td><a class="text-success m-r-xs">生成全谱</a> <a class="text-success m-r-xs">PDF下载</a>
                                    <a class="text-success m-r-xs">绑卡</a><a class="text-success m-r-xs">统计</a>
                                    <a class="text-success m-r-xs">管理员</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="visible-xs">
                            <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-sm">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                                            <h4 class="modal-title" id="mySmallModalLabel">族谱资料</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal" role="form">
                                                <div class="form-group">
                                                    <label class="col-xs-4 control-label pr0">族&ensp;谱&ensp;名：</label>
                                                    <div class="col-xs-8">
                                                        临澧县文家乡晏氏族谱
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-xs-4 control-label pr0">创&ensp;建&ensp;人：</label>
                                                    <div class="col-xs-8">
                                                        闫伟
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-xs-4 control-label pr0">创建时间：</label>
                                                    <div class="col-xs-8">
                                                        2016-10-12
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-xs-4 control-label pr0">操&emsp;&emsp;作：</label>
                                                    <div class="col-xs-8">
                                                        <a class="text-success dp_ib m-r-xs">生成全谱</a><br/><a class="text-success dp_ib m-r-xs xs-m-t">PDF下载</a><br/>
                                                        <a class="text-success dp_ib m-r-xs xs-m-t">绑卡</a><br/><a class="text-success dp_ib m-r-xs xs-m-t">统计</a><br/>
                                                        <a class="text-success dp_ib m-r-xs xs-m-t">管理员</a>
                                                    </div>
                                                </div>
                                                <div class="form-group text-center">
                                                    <button type="submit" class="btn btn-default">关闭</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
</body>
</html>
